<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>跳转提示</title>
    <style type="text/css">
        *{ padding: 0; margin: 0; }
        body{ background: #fff; font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif; color: #333; font-size: 16px; }
        /*.system-message{ padding: 24px 48px; }*/
        .system-message h1{ font-size: 100px; font-weight: normal; line-height: 120px; margin-bottom: 12px; }
        .system-message .jump{ padding-top: 10px; }
        .system-message .jump a{ color: #333; }
        .system-message .success,.system-message .error{ line-height: 1.8em; font-size: 36px; }
        .system-message .detail{ font-size: 12px; line-height: 20px; margin-top: 12px; display: none; }

        #error{
            width:1000px;
            height:100vh;
            min-height:450px;
            display: flex;
            justify-content: space-between;
            margin: auto;
            align-items: center;
        }
        #errorImg{
            width:60%;
        }
        #errorText{
            width:40%;
            line-height:50px;
            margin-left: 50px;
        }
    </style>
</head>
<body>
<div class="system-message">
    <?php switch ($assign['code']) {?>
<?php case 1:?>
            <h1>:)</h1>
            <p class="success"><?php echo($assign['msg']);?></p>
            <p class="detail"></p>
            <p class="jump">
                页面自动 <a id="href" href="<?php echo($assign['url']);?>">跳转</a> 等待时间： <b id="wait"><?php echo($assign['wait']);?></b>
            </p>
            <?php break;?>
        <?php case 0:?>
            <div id='error'>
                <img id="errorImg" src="/static/img/error.png">
                <div id="errorText">
                    <h2 style="color:#7B7B7B;"><?php echo(strip_tags($assign['msg']));?></h2>
                    <!-- <a href="<?php echo($assign['url']);?>" style="color:#6195FD;text-decoration:none;"><p>返回首页 ></p></a>-->
                    <span  style="color:#7B7B7B;">页面自动 <a style="color:#6195FD;text-decoration:none;" id="href" href="<?php echo($assign['url']);?>">跳转</a> <span  style="color:#7B7B7B;">等待时间： <b id="wait"><?php echo($assign['wait']);?></b></span>
                </div>
            </div>
            <?php break;?>
        <?php } ?>

</div>
<script type="text/javascript">
    (function(){
        var wait = document.getElementById('wait'),
            href = document.getElementById('href').href;
        var interval = setInterval(function(){
            var time = --wait.innerHTML;
            if(time <= 0) {
                location.href = href;
                clearInterval(interval);
            };
        }, 1000);
    })();
</script>
</body>
</html>
